<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8"/>
        <title>Spring Boot中使用ECharts</title>
        <script type="text/javascript" src="https://cdn.bootcss.com/echarts/4.6.0/echarts.min.js"></script>
    </head>
    <body>
        <div id="main" style="width: 1000px; height: 400px;"></div>
    </body>
    <script type="text/javascript">
        // 初始化ECharts组件到id为main的元素上
        let myChart = echarts.init(document.getElementById("main"));
        // 定义图表的配置项
        let option = {
            title: {
                text: 'Spring Boot中使用ECharts'
            },
            tooltip: {},
            // x轴配置
            xAxis: {
                data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
            },
            // y轴配置
            yAxis: {},
            series: [
                {
                    // 数据集（也可以从后端的Controller中传入）
                    data: [820, 932, 901, 934, 1290, 1330, 1320],
                    // 图表类型，这里使用line，为折线图
                    type: 'line'
                }
            ]
        };
        myChart.setOption(option);
    </script>
</html>